<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title> Ping </title>
    <script src="/socket.io/socket.io.js"></script>
</head>
<body>
<div><button id="clear">Clear</button></div>
<div id="info" style="word-break:break-all;width: 100%;height: 100%;"></div>

<script src="/jquery.js"></script>
<script>
    $('#clear').click(function () {
        $("#info").html("");
    });

    var socket = io.connect();

    socket.on("status:update",function(data){
        console.log(data);
        $("#info").append('</br>');
        $("#info").append('****************************************************');
        $("#info").append('</br>');
        $("#info").append(data.info);
    });
</script>
</body>
</html>
